<template>
  <view class="container-user-info">
    <wTitleBar :bgColor="'#366bf9'" title="个人中心"></wTitleBar>
    <div class="container-user-body">
      <div class="container-user-body-items">
        <a> 我的WIFI </a>
      </div>
      <div class="container-user-body-items">
        <a> 用户隐私 </a>
      </div>
      <div class="container-user-body-items">
        <a> 关于我们 </a>
      </div>
    </div>
  </view>
</template>

<script>
import wTitleBar from "@/components/w-titleBar/w-titleBar.vue";

export default {
  components: {
    wTitleBar
  },
  data() {
    return {
      h: uni.getSystemInfoSync().statusBarHeight // 手机状态栏的高度
    };
  },

  async onShow() {
    this.setTabBarIndex(1); // 自定义tabbar下标
  }
};
</script>

<style scoped lang="scss">
@import "../../static/common.scss";

.container-user-info {
  width: 100%;
  background-color: #f3f3f3;

  .container-user-body {
    margin: 80px 10px 0;
    background-color: #fff;
    border-radius: 8px;
    flex-direction: column;
    display: flex;
  }

  .container-user-body-items {
    height: 44px;
    display: flex;
    text-align: center;
    align-items: center;
    margin: 0 10px;
    justify-content: space-between;
    border-bottom: 1px solid #f3f3f3;
  }

  .container-user-body-items-icon {
    width: 14px;
    height: 14px;
  }

  .a {
    color: #000000;
    size: 12px;
  }
}
</style>
